<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<title></title>

<link rel="shortcut icon" href="images/favicon.ico" />

<link href="style/css/style.css" rel="stylesheet">
<link href="style/css/animate.min.css" rel="stylesheet">
<link href="libs/jCarouselLite/lrtk.css" rel="stylesheet">
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/css/homepage-z.css"/>
<link href="style/css/fix.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="style/css/innerpageStyle.css"/>
<link rel="stylesheet" type="text/css" href="style/css/lightbox.css"/>
<!--[if lt IE 9]>
<script src="style/js/html5shiv.min.js"></script>
<script src="style/js/respond.min.js"></script>
<link data-href="style/css/ie8.css" rel="stylesheet">
<![endif]-->
<!--[if IE 9]>
<link data-href="style/css/ie9.css" rel="stylesheet">
<![endif]-->
<!--[if lte IE 6]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
<!--[if lte IE 7]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
<!-- jQuery start --> 
<script src="style/js/jquery.min.js"></script> 
<script src="style/js/wow.min.js"></script> 
<script src="style/js/lansige.js"></script>
<script src="libs/jCarouselLite/lrscroll.js"></script>
<script src="libs/jquery.slides.min.js"></script>
<script src="scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="libs/Parallax/stellar.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<script>
var flag = 4;
!function (doc, win, $){
	var docEl = document.documentElement,
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		recalc = function () {
			var clientWidth = docEl.clientWidth;
			if (!clientWidth) return;
			docEl.style.fontSize = 20 * (clientWidth / 1920) + 'px';
		};
	if (!doc.addEventListener) return;
	win.addEventListener(resizeEvt, recalc, false);
	recalc();
}(document, window,jQuery);
</script>

<div class="popup-lightbox" style="display: none;">
	<div class="light-box-close cursor-pointer">
		<img src="style/images/light-box-close.png"/>
	</div>
	<div class="light-box-pre cursor-pointer">
		<img src="style/images/light-box-pre.png"/>
	</div>
	<div class="lightbox-pic">
		<img src="style/images/star-starphoto.png"/>
	</div>
	<div class="light-box-next cursor-pointer">
		<img src="style/images/light-box-next.png"/>
	</div>
</div>

<!-- head start -->

<div id="header" class="mini">
  <div class="content">
    <a href="" id="logo">
      <img src="./UIimages/logo.png"  height="40"/>
    </a>
    <ul id="nav">
      <li class="navitem">
        <a class="cursor-pointer active">首页</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >公司资讯</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >影视剧集</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >明星档案</a>
      </li>
      <li class="navitem bussy">
        <a href="javascript:;" target=""> 业务 </a>
        <ul class="subnav" >
          <li><a class="cursor-pointer" target="_self">招商信息 </i></a></li>
          <li><a class="cursor-pointer" target="_self">招聘 </i></a></li>
          <li><a class="cursor-pointer" target="_self">投资 </i></a></li>
          <li><a class="cursor-pointer" target="_self">投稿 </i></a></li>
        </ul>
      </li>
      <li class="navitem shop">
        <a href="javascript:;" target=""> 商城 </a>
        <ul class="subnav" astyle="left: -60px;">
          <li><a class="cursor-pointer" target="_self">正午阳光官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">王凯官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">郭涛官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">靳东官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">衍生品众筹平台 </i></a></li>
        </ul>
      </li>
      <li class="navitem about">
        <a href="javascript:;" target=""> 关于我们 </a>
        <ul class="subnav" style="right: 0px;">
		   
          <li><a class="cursor-pointer" target="_self">公司介绍 </i></a></li>
          <li><a class="cursor-pointer" target="_self">团队介绍 </i></a></li>
        </ul>
      </li>
    </ul>
    <div class="clear"></div>
  </div>
</div>

<!-- head End -->
<script>
$(function(){
})
</script>

<!--news start by z-->
<section class="z-news" style="padding-top: 60px;">
	<div class="star-profile">
		<div class="star-photo-con" data-wow-delay=".0s" class="wow animated fadeInUp"><img src="style/images/star-photo.png" alt="" /></div>
		<div class="star-info-con" data-wow-delay=".2s" class="wow animated fadeInUp">
			<div class="star-info-CNname"><span>王凯</span></div>
			<div class="star-info-Enname"><span>Wang Kai</span></div>
			<div class="star-Constellation"><span class="starinfo-left">星座</span><span class="starinfo-right">狮子座</span></div>
			<div class="star-blood"><span class="starinfo-left">血型</span><span class="starinfo-right">A </span></div>
			<div class="star-height"><span class="starinfo-left">身高</span><span class="starinfo-right">182cm </span></div>
			<div class="star-weight"><span class="starinfo-left">体重</span><span class="starinfo-right">70kg</span></div>
			<div class="star-addr"><span class="starinfo-left">出生地</span><span class="starinfo-right">湖北武汉 </span></div>
			<div class="birth"><span class="starinfo-left">生日</span><span class="starinfo-right">1982年8月18日（农历六月二十九）</span></div>
			<div class="star-colleage"><span class="starinfo-left">毕业院校</span><span class="starinfo-right">中央戏剧学院03级表演本科</span></div>
			<div class="star-works"><span class="starinfo-left">代表作品</span><span class="starinfo-right">新神探联盟、北平无战事、伪装者、琅琊榜 </span></div>
			<div class="star-awards"><div class="starinfo-left">主要成就</div><div class="starinfo-right">“风从东方来”娱乐影响力盛典“年度最具人气电视剧演员”奖<br>
                 2015国剧盛典内地最具人气演员<br>
                 2015国剧盛典年度演技飞跃演员<br></div>
			</div>
			<div class="star-shop-con">
				<img class="cursor-pointer" src="style/images/star-shop.png"/>
			</div>
		</div>
	</div>
	<div class="star-tabs">
		<ul class="tab-control">
			<li id="tab-control1" class="tab-btn tab-btn-active">相关新闻</li>
			<li id="tab-control2" class="tab-btn">明星档期</li>
			<li id="tab-control3" class="tab-btn">相关影像</li>
		</ul>
		<ul class="tab-contents">
			<li id="tab-content1" class="tab-content">
				
				<!--one news cell by z-->
				<div data-href="news-detail.html" class="z-news-cell cursor-pointer wow animated fadeInUp">
					<div class="newscontent  text-center">
						<div class="z-cell-date">
							<div class="zcell-d-m">02/24</div>
							<div class="zcell-year">2016</div>
						</div>
						<div class="z-cell-content">
							<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
							<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
						</div>
						<i class="icon-angle-right fr"></i>
					</div>
				</div>
				
				<!--one news cell by z-->
				<div data-href="news-detail.html" class="z-news-cell cursor-pointer wow animated fadeInUp">
					<div class="newscontent  text-center">
						<div class="z-cell-date">
							<div class="zcell-d-m">02/24</div>
							<div class="zcell-year">2016</div>
						</div>
						<div class="z-cell-content">
							<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
							<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
						</div>
						<i class="icon-angle-right fr"></i>
					</div>
				</div>
				
			</li>
			<li id="tab-content2" class="tab-content">
				
				<!--第一个档期-->
				<div class="z-star-date fisrt-star-date wow animated fadeInUp">
					<div class="newscontent  text-center">
						<div class="z-cell-date">
							<div class="zcell-d-m">02/24</div>
							<div class="zcell-year">2016</div>
						</div>
						
						<div class="starline-line"></div>
						<div class="starline-reddot"></div>
						
						<div class="z-star-date-right">
							<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
						</div>
					</div>
				</div>
				
				<!--中间档期-->
				<div class="z-star-date wow animated fadeInUp">
					<div class="newscontent  text-center">
						<div class="z-cell-date">
							<div class="zcell-d-m">02/24</div>
							<div class="zcell-year">2016</div>
						</div>
						
						<div class="starline-line"></div>
						<div class="starline-reddot"></div>
						
						<div class="z-star-date-right">
							<div class="zcell-title">电影版《盗墓笔记》预计2015年暑期公映，黄子韬、胡歌、唐嫣、陈道明疑出演。</div>
						</div>
					</div>
				</div>
				
				<!--最后一个档期-->
				<div class="z-star-date last-star-date wow animated fadeInUp">
					<div class="newscontent  text-center">
						<div class="z-cell-date">
							<div class="zcell-d-m">02/24</div>
							<div class="zcell-year">2016</div>
						</div>
						
						<div class="starline-line"></div>
						<div class="starline-reddot"></div>
						
						<div class="z-star-date-right">
							<div class="zcell-title">《西游记之孙悟空三打白骨精》定档于2016年大年初一公映。</div>
						</div>
					</div>
				</div>
				
			</li>
			<li id="tab-content3" class="tab-content">
				
				<!--one star idol-->
				<div data-wow-delay=".1s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
				<!--one star idol-->
				<div data-wow-delay=".2s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
				<!--one star idol-->
				<div data-wow-delay=".3s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
				<!--one star idol-->
				<div data-wow-delay=".4s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
				<!--one star idol-->
				<div data-wow-delay=".5s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
				<!--one star idol-->
				<div data-wow-delay=".6s" class="male-star-item wow animated fadeInUp">
					<img src="style/images/star-starphoto.png"/>
					<div class="star-name">郭涛</div>
				</div>
				
			</li>
		</ul>
	</div>
</section>
<!--news end by z-->

<!-- footer start -->

<footer>
  <div class="z-foot">
  	<div class="z-foot-reposition ">
  		<ul class="z-foot-con">
		<li data-wow-delay=".0s" class="wow animated fadeInUp"><img src="images/3.png"/></li>
		<li data-wow-delay=".1s" class="wow animated fadeInUp">电子邮件：MAIL@DAYLIGHT.COM</li>
		<li data-wow-delay=".2s" class="wow animated fadeInUp">联系电话：010-86665441</li>
		<li data-wow-delay=".3s" class="wow animated fadeInUp">公司地址：北京市朝阳区八里庄1号莱锦创意产业园CF29</li>
	</ul>
	<div class="zhixun">
		<a data-href="#" class="weixin" target="_blank">
			<span class="qrcode">
				<img src="images/qrcode.png" />
				<i id="triangle-down" class="sanjiao icon-caret-down"></i>
			</span>
		</a>
		<a data-href="#" class="sq cursor-pointer" target="_blank"></a> 
	</div>
  	</div>
  </div>
  <div class="z-footend" style="height: 60px;width: 100%;background: #FFF;">
  	<div class="z-footend-text">
  		Copyright&nbsp;(c)&nbsp;2016&nbsp;daylight.com&nbsp;&nbsp;&nbsp;&nbsp;京ICP备13015845号-1
  	</div>
  </div>
</footer>
<script>
try{
wow = new WOW({animateClass: 'animated',offset:100});
wow.init();
}catch(e){
	console.log(e);
}
</script> 
<script>
$(function() {
  $('#slides').slidesjs({
	width: 940,
	height: 528,
	play: {
	  active: true,
	  auto: true,
	  interval: 4000,
	  swap: true
	}
	
//	$("#tab-content2")
  });
//var t = false;
// setTimeout(function(){
//		$('#skip-link').fadeOut(1000);
// },2000);
   
    /* $('video')[0].addEventListener('canplaythrough',function(){
		if(!t){
			t = true;
			$('#skip-link').fadeOut(1000);
		}
    });*/
  
  	//tab
	$('#back-top').click(function(){
		$('html,body').animate({scrollTop: '0px'}, 500);
	});
	$(document).on('click','[data-href]',function(){
		var href = $(this).attr("data-href");
		window.open(href,"_blank");
	});
	
	
	$("#tab-control1").click(function(){
		if($("#tab-content1").is(":hidden")){
			$(".tab-btn").removeClass("tab-btn-active");
			$(this).addClass("tab-btn-active");
			$(".tab-content").fadeOut(300);
			$("#tab-content1").delay(200).fadeIn(300);
		}
//		tab-btn-active
	});
	$("#tab-control2").click(function(){
		if($("#tab-content2").is(":hidden")){
			$(".tab-btn").removeClass("tab-btn-active");
			$(this).addClass("tab-btn-active");
			$(".tab-content").fadeOut(300);
			$("#tab-content2").delay(200).fadeIn(300);
		}
	});
	$("#tab-control3").click(function(){
		if($("#tab-content3").is(":hidden")){
			$(".tab-btn").removeClass("tab-btn-active");
			$(this).addClass("tab-btn-active");
			$(".tab-content").fadeOut(300);
			$("#tab-content3").delay(200).fadeIn(300);
		}
	});
	
	
	//lightbox
	$("#tab-content3 img").click(function(){
		$(".popup-lightbox").fadeIn(400);
	});
	$(".light-box-close").click(function(){
		$(".popup-lightbox").fadeOut(400);
	});
});

</script><!-- header up start --> 
</body>
</html>	